
<div style='border: 10px; padding: 20px;'>
	Name 1
	<div id='name1'></div>
	Name 2
	<div id='name2'></div>
	<div style='padding-top: 30px' />
	Output1 :
	<div id='name1_out'></div>
	Output2 :
	<div id='name2_out'></div>
	<div style='padding-top: 30px' />
	<div id='run' />
</div>

<style type="text/css">
ul.tabpanel_list {
	padding: 4px 0 0 32px;
	margin: 0;
	list-style: none;
	height:22em;
	position:relative;
	background: transparent url(../images/content/bullet_arrow_right.png) no-repeat top left;
}
.tabpanel_list li {
	float: left;
	padding:2px 15px 0 8px;
	background: transparent url(../images/common/tabpanel_divider.png) no-repeat top right;
}
.tabpanel_list li.last_tabpanel {
	background-image:none;
}
.tabpanel_tab {
	color:#505050; /* needed when images are turned off */
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  	font-size: 1.4em;
	font-weight: bold;
}
.tabpanel_tab#tabpanel_img_1 {
	color:#1f70a7; /* highlighted */
}
.tabpanel_panel {
	position:absolute;
	left:-11px;
	top:30px;
	padding:16px 0 0 36px;
	background:#fff;
	height:18.5em;
	width:500px;
	overflow:hidden;
	display:none;
}
.tabpanel_panel#panel_1 {
	display:block;
}
.javascript_off .tabpanel_list li:hover .tabpanel_panel {
	display:block;
}
.javascript_off .tabpanel_list li:hover .tabpanel_tab {
	color:#1f70a7;
}

/* Tabpanel content */

.tabpanel_panel img {
	float:left;
	padding: 0 8px 0 0;
}
.panel_item {
	clear:both;
	padding: 0 0 16px 0;
}
.tabpanel_panel .half_width_column {
	width:240px;
}
.tabpanel_panel .half_width_column li {
	background-image:none;
	float:none;
}
#main_content .tabpanel_panel .add_space_between_li li {
	padding-bottom:18px;
}
</style>

<ul class="tabpanel_list">
	<li><span class="tabpanel_tab" id="tabpanel_img_1"
		onmouseover="tabpanel_mouseover(1);" tabindex="0"
		onfocus="tabpanel_mouseover(1);">Tab Title 1</span>
		<div class="tabpanel_panel" id="panel_1">
			<ul class="list_style_4" style="width: 340px; background: #fff;">
				<li><a href="/">Lorem ipsum dolor sit amet, consectetur
						adipiscing elit.</a></li>
				<li><a href="/">Lorem ipsum dolor sit amet, consectetur
						adipiscing elit.</a></li>
				<li><a href="/">Lorem ipsum dolor sit amet, consectetur
						adipiscing elit.</a></li>
				<li><a href="/">Lorem ipsum dolor sit amet, consectetur
						adipiscing elit.</a></li>
				<li><a href="/">Lorem ipsum dolor sit amet, consectetur
						adipiscing elit.</a></li>
				<li><a href="/">Lorem ipsum dolor sit amet, consectetur
						adipiscing elit.</a></li>
				<li><a href="/">Lorem ipsum dolor sit amet, consectetur
						adipiscing elit.</a></li>
				<li><a href="/">Lorem ipsum dolor sit amet, consectetur
						adipiscing elit.</a></li>
				<li><a href="/">Lorem ipsum dolor sit amet, consectetur
						adipiscing elit.</a></li>
				<li><a href="/">Lorem ipsum dolor sit amet, consectetur
						adipiscing elit.</a></li>
			</ul>

		</div></li>

	<li><span class="tabpanel_tab" id="tabpanel_img_2"
		onmouseover="tabpanel_mouseover(2);" tabindex="0"
		onfocus="tabpanel_mouseover(2);">Tab Title 2</span>
		<div class="tabpanel_panel" id="panel_2">

			<ul class="list_style_4 add_space_between_li">
				<li><a href="/">Nullam cursus, orci et vestibulum vehicula,
						libero neque mollis arcu.</a></li>
				<li><a href="/">Nullam cursus, orci et vestibulum vehicula,
						libero neque mollis arcu.</a></li>
				<li><a href="/">Nullam cursus, orci et vestibulum vehicula,
						libero neque mollis arcu.</a></li>
				<li><a href="/">Nullam cursus, orci et vestibulum vehicula,
						libero neque mollis arcu.</a></li>
				<li><a href="/">Nullam cursus, orci et vestibulum vehicula,
						libero neque mollis arcu.</a></li>
				<li><a href="/">Nullam cursus, orci et vestibulum vehicula,
						libero neque mollis arcu.</a></li>
			</ul>

		</div></li>
	<li><span class="tabpanel_tab" id="tabpanel_img_3"
		onmouseover="tabpanel_mouseover(3);" tabindex="0"
		onfocus="tabpanel_mouseover(3);">Tab Title 3</span>
		<div class="tabpanel_panel" id="panel_3">
			<ul class="list_style_4 half_width_column add_space_between_li">
				<li><a href="/">Sample Link</a></li>
				<li><a href="/">Sample Link</a></li>
				<li><a href="/">Sample Link</a></li>
				<li><a href="/">Sample Link</a></li>
				<li><a href="/">Sample Link</a></li>
			</ul>
			<ul class="list_style_4 half_width_column add_space_between_li">
				<li><a href="/">Sample Link</a></li>
				<li><a href="/">Sample Link</a></li>
				<li><a href="/">Sample Link</a></li>
				<li><a href="/">Sample Link</a></li>
				<li><a href="/">Sample Link</a></li>
			</ul>

		</div></li>
	<li><span class="tabpanel_tab" id="tabpanel_img_4"
		onmouseover="tabpanel_mouseover(4);" tabindex="0"
		onfocus="tabpanel_mouseover(4);">Tab Title 4</span>
		<div class="tabpanel_panel" id="panel_4">
			<ul class="list_style_4 half_width_column add_space_between_li">
				<li><a href="/">Link Sample</a></li>
				<li><a href="/">Link Sample</a></li>
				<li><a href="/">Link Sample</a></li>
				<li><a href="/">Link Sample</a></li>
				<li><a href="/">Link Sample</a></li>
			</ul>
			<ul class="list_style_4 half_width_column add_space_between_li">
				<li><a href="/">Link Sample</a></li>
				<li><a href="/">Link Sample</a></li>
				<li><a href="/">Link Sample</a></li>
				<li><a href="/">Link Sample</a></li>
				<li><a href="/">Link Sample</a></li>
			</ul>
		</div></li>
	<li class="last_tabpanel"><span class="tabpanel_tab"
		id="tabpanel_img_5" onmouseover="tabpanel_mouseover(5);" tabindex="0"
		onfocus="tabpanel_mouseover(5);">Tab Title 5</span>
		<div class="tabpanel_panel" id="panel_5">
			<ul class="list_style_4 half_width_column add_space_between_li">
				<li><a href="/">Sample Link</a></li>
				<li><a href="/">Sample Link</a></li>
				<li><a href="/">Sample Link</a></li>
				<li><a href="/">Sample Link</a></li>
				<li><a href="/">Sample Link</a></li>
			</ul>
			<ul class="list_style_4 half_width_column add_space_between_li">
				<li><a href="/">Sample Link</a></li>
				<li><a href="/">Sample Link</a></li>
				<li><a href="/">Sample Link</a></li>
				<li><a href="/">Sample Link</a></li>
				<li><a href="/">Sample Link</a></li>
			</ul>
		</div></li>
</ul>
